<template>
  <view class="container">
    <view class="mask">
      <view style="display: flex; align-items: center; justify-content: space-evenly; position: fixed; bottom: 350rpx; left: 0; width: 100%">
        <view style="text-align: center" @click="gopush(1)">
          <image src="../static/pushactive.png" style="width: 116rpx; height: 116rpx" mode=""></image>
          <view style="font-weight: 400; font-size: 28rpx; color: #ffffff">发活动</view>
        </view>
        <view style="text-align: center" @click="gopush(2)">
          <image src="../static/pushdongtai.png" style="width: 116rpx; height: 116rpx" mode=""></image>
          <view style="font-weight: 400; font-size: 28rpx; color: #ffffff">发动态</view>
        </view>
      </view>
      <view style="position: fixed; bottom: 166rpx; left: 340rpx">
        <uni-icons color="#fff" type="close" size="40" @click="hideshowpush"></uni-icons>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'pushact',
  data() {
    return {};
  },
  methods: {
    hideshowpush() {
      this.$emit('closeshowpush', false);
    },
    gopush(index) {
      this.$emit('gopush', index);
    }
  }
};
</script>

<style lang="scss" scoped>
.container {
  background-color: rgba(0, 0, 0, 0.4);
  .mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
  }
}
</style>
